<template>
  <view class="panel">
    <view class="panel-header">
      {{title}}
    </view>
    <view class="panel-body">
      {{desc}}
    </view>
    <view class="panel-footer">
      <slot name="footer">
        footer
      </slot>
    </view>
  </view>
</template>

<script>
export default {
  name: 'PanelEnroll',
  props: {
    border: {
      type: Boolean,
      default: false
    },
    size: {
      type: String,
      default: 'large'
    },
    center: {
      type: Boolean,
      default: true
    },
    title: {
      type: String,
      default: ''
    },
    status: {
      type: String,
      default: ''
    },
    desc: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="less">
.panel {
  padding: 10px;
  &-header {
  }
  &-body {
  }
  &-footer {
  }
}
</style>
